﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="True"
    CodeBehind="Locacao.aspx.cs" Inherits="Locadora.Views.Home.About" %>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <link type="text/css" href="/DVDShare/Content/themes/base/ui.datepicker.css" rel="stylesheet" />
    <link type="text/css" href="/DVDShare/Content/themes/base/ui.theme.css" rel="stylesheet" />
    <script src="/DVDShare/Content/javascript/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="/DVDShare/Content/javascript/ui.core.js" type="text/javascript"></script>
    <script src="/DVDShare/Content/javascript/ui.datepicker.js" type="text/javascript"></script>
    <div class="corpo">
        <div class="ajuda" id="ajuda">
        <div class="dentro">
            <h4>
                Alugando ou Reservando o filme</h4>
            <p>
                No quadro Ficha do Filme são mostrados todos os dados sobre o filme.<br />
                O calendário abaixo, serve para mostrar a data próxima do aluguel ou reserva do filme. Vale contar desde o primeiro dia desabilitado.<br />
                Caso o filme já esteja com alguém será apresentado o botão Reservar. Caso não, aparecerá o botão "Solicitar".<br />
                O trailer do filme pode ser exibido ou não. Dependerá da conexão com de internet.
            </p>
            <div id="image-fechar">
                <img src="/DVDShare/Content/images/close.gif" />
            </div>
            </div>
        </div>
        <h2>
            <img src="/DVDShare/Content/images/movie.gif" />Locação de Filme</h2>
        
        <!-- DIV de erro enviados pelo servidor -->
        <div id="container_right">
        <div class="newsimg">
            <div id="erro" style="padding-bottom:10px;padding-top:10px;"></div>
        </div>
        </div>
        <!-- fim div -->
        <form id="locacao-form" action="/DVDShare/Filme/Locar/<%= ViewData["Id"] %>">
        <% if (ViewData["ErrorMessage"] != null)
           { %>
        <p class="erro">
            OCORREU UM ERRO:
            <br />
            <%= ViewData["ErrorMessage"] %>
        </p>
        <br />
        <br />
        <% } %>
        <table width="90%" border="0">
            <tr>
                <td width="60%" valign="top" height="355">
                    <table width="100%" border="0" class="locacaoTb" cellpadding="0" cellspacing="0">
                        <tr>
                            <th colspan="2" align="center">
                                <b>Ficha do Filme</b>
                            </th>
                        </tr>
                        <tr>
                            <td>
                                Título:
                            </td>
                            <td>
                                <b>
                                    <%= ViewData["Titulo"] %></b>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                Sinopse:
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="sinopse">
                                <%= ViewData["Sinopse"] %>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="barraCima">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Ator:
                            </td>
                            <td>
                                <%= ViewData["Ator"] %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Diretor:
                            </td>
                            <td>
                                <%= ViewData["Diretor"] %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Duração:
                            </td>
                            <td>
                                <%= ViewData["Duracao"] %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Nota:
                            </td>
                            <td>
                                <% for (int i = 0; i < int.Parse(ViewData["Nota"].ToString()); i++)
                                   { %>
                                <img src="<%= Page.ResolveUrl("~/Content/images/star10x10.gif")%>" />
                                <%} %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Tipo Mídia:
                            </td>
                            <td>
                                <%= ViewData["Tipo"] %>
                            </td>
                        </tr>
                        <!--
                        <tr>
                            <td>
                                Data Locação:
                            </td>
                            <td>
                                <%= DateTime.Now.ToShortDateString() %>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Data Devolução:
                            </td>
                            <td>
                                <%= DateTime.Now.AddDays(5).ToShortDateString() %>
                            </td>
                        </tr>
                        -->
                        <tr>
                            <td colspan="2">
                                <!-- <input type="hidden" name="coUsuario" value="<%= Session["CO_USUARIO"] %>" /> -->
                                <input type="hidden" name="coUsuario" value="<%= (Membership.GetUser(Page.User.Identity.Name)).ProviderUserKey.ToString()%>" />
                                <input type="hidden" name="situacao" value="<%= ViewData["Situacao"] %>" />
                                <input type="submit" value="<%=ViewData["TextoSubmit"] %>" onclick="Submeter();"/>
                            </td>
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <td align="center">
                                <div type="text" id="datepicker">
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td valign="top" height="355">
                    <table class="locacaoTb">
                        <tr>
                            <th>
                                <%= ViewData["YouTube"] %>
                            </th>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>        
        </form>
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post">
<input type="hidden" name="email_cobranca" value="felipe@wikicode.com.br"/>
<input type="hidden" name="tipo" value="CP"/>
<input type="hidden" name="moeda" value="BRL"/>
<input type="hidden" name="item_id_1" value="7"/>
<input type="hidden" name="item_descr_1" value="DVD do DVDShare"/>
<input type="hidden" name="item_quant_1" value="1"/>
<input type="hidden" name="item_valor_1" value="500"/>
<input type="hidden" name="item_frete_1" value="000"/>
<input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnComprarBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!"/>
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->        
        <div class="image_ajuda">
            <img src="/DVDShare/Content/images/help.gif" id="help" alt="Clique para ajuda." />
        </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function() {
        
            var dias = '<%= ViewData["Reservas"] %>';
            $("#datepicker").datepicker({ minDate: +(dias) + 1, maxDate: '+2M +10D' });

            //$('#datepicker').datepicker({ numberOfMonths: 3, showButtonPanel: true });
            
            //getter
            var dayNamesMin = $('#datepicker').datepicker('option', 'dayNamesMin');
            //setter
            $('#datepicker').datepicker('option', 'dayNamesMin', ['D', 'S', 'T', 'Q', 'Q', 'S', 'S']);
            $('#datepicker').datepicker('option', 'hideIfNoPrevNext', true);

            //$('#datepicker').datepicker('option', 'stepMonths', 3);

            $('#datepicker').datepicker({
                onChangeMonthYear: function(date) { ; }
            });

           
            //$("#datepicker").datepicker();
            

            $('#datepicker').datepicker('option', 'prevText', '<<');
            $('#datepicker').datepicker('option', 'nextText', '>>');
            //$('#datepicker').datepicker('setDate', '03-01-2009' , '03-20-2009' );



            $("#erro").hide();
            var mostrarForm = true;

            jQuery().ajaxStart(function() {
                showLoading();
                $("#locacao-form").fadeOut("slow");
                $("#erro").hide();
            });

            jQuery().ajaxStop(function() {
                hideLoading();
                if (mostrarForm) {
                    $("#locacao-form").fadeIn("fast");
                }
            });

            $('#locacao-form').submit(
            function() {
                var f = $('#locacao-form');
                var action = f.attr("action");
                var serializedForm = f.serialize();
                $.post(action,
                    serializedForm,
                    function(txt) {
                        $("#erro").html(txt);
                        if (txt == "Sua solicitação de empréstimo foi enviada com sucesso!") {
                            $("#erro").css({ color: 'green' });
                            mostrarForm = false;
                        }
                        else {
                            $("#erro").css({ color: 'red' });
                        }
                        $("#erro").show();
                    });
                return false;
            });

            $(".ajuda").hide();

            $("#help").toggle(function() {
                $(".ajuda").hide('slow');
            }, function() {
                $(".ajuda").show('fast');
            });

            $("#image-fechar").toggle(function() {
                $(".ajuda").hide('slow');
            }, function() {
                $(".ajuda").show('fast');
            });

        });

        
//            function Submeter() {
//                var f = $('#locacao-form');
//                var action = f.attr("action");
//                var serializedForm = f.serialize();
//                $.post(action,
//                    serializedForm,
//                    function(txt) {
//                        $("#erro").html(txt);
//                        if (txt == "Sua solicitação de empréstimo foi enviada com sucesso!") {
//                            $("#erro").css({ color: 'green' });
//                            mostrarForm = false;
//                        }
//                        else {
//                            $("#erro").css({ color: 'red' });
//                        }
//                        $("#erro").show();
//                    });
//                return false;
//            }
    </script>

</asp:Content>
